$(function () {
    //单击去注册
    /* $('#link_reg').on('click', function () {
        //注册表单显示
        $('.reg-box').show();
        //登陆表单隐藏
        $('.login-box').hide();
    }) */
    //单击去登陆
    /* $('#link_login').on('click', function () {
        //注册表单隐藏
        $('.reg-box').hide();
        //登陆表单显示
        $('.login-box').show();
    }) */
    $('#link_login,#link_reg').on('click', function () {
        $('.reg-box,.login-box').toggle();
    })


    //自定义表单验证规则
    var form = layui.form;
    form.verify({
        pwd: [/^[\S]{6,12}$/, '密码必须是6-12位，且不能有空格'],
        repwd: function (value) {
            //判断密码框的值和确认密码框的值是否相等
            var password = $('#form_reg [name=password]').val();
            if (password !== value) {
                return '两次密码不一致';
            }
        }
    })
    
    //注册功能
    //1-给注册表单绑定提交事件
    $('#form_reg').on('submit', function (e) {
        //2-阻止默认行为
        e.preventDefault();
        //3-收集表单数据
        var data = {
            username: $('#form_reg [name=username]').val().trim(),
            password: $('#form_reg [name=password]').val().trim()
        };
        //发送ajax请求
        $.ajax({
            method: 'post',
            url: '/api/reguser',
            data: data,
            success: function (res) {
                if (res.status!== 0) {
                    //return alert('res.message');
                    return layui.layer.msg(res.message, { icon: 5 });//msg提示框组件
                }
                layui.layer.msg(res.message, { icon: 6 }, function () {
                    $('#link_login').click();
                });
            }
        })

    })

    //登录功能
    $('#form_login').on('click', function (e) {
        e.preventDefault();
        var data = $(this).serialize();
        $.ajax({
            method: 'post',
            url: '/api/login',
            data: data,
            success: function (res) {
                if (res.status!== 0) {
                    //return alert('res.message');
                    return layui.layer.msg(res.message, { icon: 5 });
                }
                layui.layer.msg(res.message, { icon: 6 }, function () {
                    //保存token数据(凭据)
                    localStorage.setItem('token',res.token)
                    //跳转到index.html
                    location.href = '/index.html';
                });
            }
        })
    })
})